var docData = Ext.create('Ext.data.Store', {
    fields: ['name'],
    data : [
    	{"name":"By Step Instruction"},
        {"name":"By Agile Doc Number"},
        {"name":"By Agile Part Number"},
        {"name":"By Agile Deviation Number"},
        {"name":"By Agile Deviation Date"},
        {"name":"By Local Document"},
        {"name":"By Local Deviation Number"},    
        {"name":"Engineering Notes by Route Independent"},
        //{"name":"By Engineering Job Num."},
        {"name":"By Engineering Notes"},
        {"name":"By URL"}
    ]
});


Ext.define('DocMap.view.Panel_01',{
	extend:'Ext.form.Panel',
	id:'panel_01',
	title:"1 Document Selection",
	alias:'widget.panel_01',
	height:77,
	autoScroll:true,
	layout:"anchor",
	anchor:"100%",
	items:[{
		id:'fieldcontainer_01',
		height:30,
	    fieldLabel:"",
	    anchor:"100%",
	    margin:'5 10',
	    layout:"hbox",
	    items:[{
	    	id:'panel1byDataId',
	    	xtype:'combo',
	    	emptyText:'Please Select',
			width:200,
	        editable: true, 
	        typeAhead: true,
	        store: docData,
	        queryMode: 'local',
	        displayField: 'name',
	        valueField: 'name'
	    },{
	    	xtype:'label',html:'&nbsp;'
		},{
			id:'panel1InputDataId',
	    	xtype:'textfield',
	    	
	    },{
	    	xtype:'label',html:'&nbsp;'
		},{
			xtype:'datefield',
			hidden:true,
			name:'fromDate',
			emptyText:'FromDate'
		},{
	    	xtype:'label',html:'&nbsp;'
		},{
			xtype:'datefield',
			hidden:true,
			name:'toDate',
			emptyText:'ToDate'
		},{
			id:'nextId',
			xtype:'button',
			text:'next'
			
		},{
			xtype:'label',html:'&nbsp;'
		},{
	       	xtype: 'textfield',
	        id:'<portlet:namespace />title',
	        fieldLabel: '',
	        width:150,
	        name: 'title',
	        allowBlank: false ,
	        hidden:true,
	        labelWidth:50,
	        style: 'text-align: left;'
	    }]
	}]
});